<script setup type="module">
import definedPerson from '../store/store';
// 读取存储的数据
let person= definedPerson()
/*
    pinia中state声明的数据, person.username
    pinia中getters声明的数据, person.gerHobbiesCount
    pinia中actions声明的数据, person.doubleAge()
 */
</script>
<template>
  <div>
    <h1>List页面,展示Pinia中的数据</h1>
    读取姓名:{{person.username}} <br>
    读取年龄:{{person.age}} <br>
    通过get年龄:{{person.getAge}} <br>
    爱好数量:{{person.getHobbiesCount}} <br>
    所有的爱好:
    <ul>
      <li v-for='(hobby,index) in person.hobbies' :key="index" v-text="hobby"></li>
    </ul>
  </div>
</template>
<style scoped>
</style>